body {
    background-color: #f3f4f6;
    header {
        width:100%;
        height: 0.88rem;
        line-height: 0.88rem;
        background-color: #f5445d;
        text-align: center;
        position: relative;
        color: #FEF0F2;
        font-size: 0.36rem;
        a {
            position: absolute;
            height: 0.88rem;
            width: 1rem;
            text-align: center;
            left: 0;
            img {
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
    }
    .main {
        .process {
            background: url(../images/cer1.png) no-repeat center center #fff; 
            background-size: 6.85rem 0.78rem;
            height :1.2rem;
            margin-bottom: 0.2rem;
        } 
        .base {
            background-color: #fff;
            li {
                margin: 0 0.2rem;
                height: 0.9rem;
                line-height: 0.9rem;
                border-bottom:1px solid #dedede;
                position: relative;
                text-align: right;
                span:first-of-type{
                    font-size: 0.32rem;
                    position: absolute;
                    left: 0;
                }
                .address {
                    // font-size: 0.32rem;
                    color: #282828;
                    margin-right: 0.3rem;
                }
                input[type="text"] {
                    text-align: right;
                    display: block;
                    width: 100%;
                    height: 100%;
                    padding-left: 1.5rem;
                    border:0;
                     // 修改placeholder样式（兼容性）
                    &::-webkit-input-placeholder{
                        font-size: 0.22rem;
                        color: #b0b0b0;
                    }
                    /* 使用webkit内核的浏览器 */
                    &::-moz-placeholder{
                        font-size: 0.22rem;
                        color: #b0b0b0;
                    }
                    /* Firefox版本4-18 */
                    &::-moz-placeholder{
                        font-size: 0.22rem;
                        color: #b0b0b0;
                    }
                    /* Firefox版本19+ */
                    &:-ms-input-placeholder{
                        font-size: 0.22rem;
                        color: #b0b0b0;
                    }
                }   
                i {
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 0.12rem;
                    height: 0.22rem;
                    margin-top: -.11rem;
                    background: url(../images/shopCartSprite.png) no-repeat -2.2rem -.6rem;
                    background-size: 2.82rem 2.02rem; 
                }
                .state {
                    overflow: hidden;
                    display: inline-block;
                    width: 0.3rem;
                    height: 0.3rem;
                    margin-top: 0.3rem;
                    margin-top: -.03rem;
                    margin-bottom: .01rem;
                    vertical-align: middle;
                    background: url(../images/shopCartSprite.png) no-repeat -1.5rem -1.4rem;
                    background-size: 2.82rem 2.02rem;  
                    input[type="radio"] {
                        width: 0;
                    }
                    &.active {
                        background: url(../images/shopCartSprite.png) no-repeat -1rem -1.4rem;
                        background-size: 2.82rem 2.02rem; 
                    }
                }
            }
        }
        .next {
            display: block;
            margin: 1.36rem auto 0;
            color: #fff;
            font-size: 0.32rem;
            width: 5.6rem;
            height: 0.88rem;
            line-height: 0.88rem;
            text-align: center;
            background-color: #f5445d;
            border: 0;
            border-radius: 0.44rem;
        }
    }
}